<template>
  <Layout>
    <template v-slot:content>
      <div :style="contentStyle" class="box flex justify-center items-center">
        <div class="w-full">
          <h1 class="text-center text-[38px] font-semibold text-text-black">问卷调查 | 在线投票</h1>
          <div class="text-text-black mt-[20px]">
            已累计创建问卷 100 份，发布问卷 90 份，收到答卷 980 份
          </div>
          <a-button type="primary" class="h-[60px] text-[24px] mt-[15px]" @click="toHome">开始使用</a-button>
        </div>
      </div>
    </template>
  </Layout>
</template>

<script setup>
import Layout from '../../layout/index.vue'
import {useRouter} from "vue-router";

const contentStyle = {
  textAlign: 'center',
  color: '#fff',
  backgroundImage: 'linear-gradient(to right, #4facfe 0%, #00f2fe 100%)',
  backgroundColor: '#108ee9',
};
const $router = useRouter()
const toHome = () => {
  $router.replace({name: 'manage'})
}
</script>

<style scoped>
.box {
  height: calc(100vh - 64px - 64px);
}
</style>
